/**
 * Created by Hannah on 2017/8/28.
 */

$(window).resize(function () {
    location.reload(false);
});

$(document).ready(function () {

    //菜单栏点击背景文字颜色变化
    $(function(){
        var menu_bar = $(".menu_bar li");
        menu_bar.click(function(){
            $(this).addClass("menu_bar_1").siblings().removeClass("menu_bar_1");
            if($(".daily").hasClass('menu_bar_1')){
                $(".daily img").attr('src','./images/drop_up_blue.png');
            }else{
                if($(".daily_inside").hasClass('menu_bar_1')){
                    $(".daily img").attr('src', './images/drop_up_white.png');
                }else {
                    $(".daily img").attr('src', './images/drop_down_white.png');
                }
            }
        });
    });

    // 日志点击向下滑出日志分类
    $(".daily").click(function () {
        var img = $(".daily img");
        if(img.hasClass('up'))
        {
            img.removeClass('up').addClass('down');
        }
        else
        {
            img.removeClass('down').addClass('up');
        }


        // 消失+显现动画
        // $(".daily img").toggle('slow');

        // 旋转180消失+旋转180显现动画
        // $(".daily img").toggle(
        //     function () {
        //         $(".daily img").css('animation','down 5s');},
        //     function () {
        //         $(".daily img").css('animation','up 3s');
        // });

        // 利用css的transform进行旋转180动画
        // $(".daily img").animate({borderSpacing: 360}, {
        //         step: function(now,fx) {
        //             if (fx.prop === "borderSpacing") {
        //                 $(this).css('transform','rotate('+now+'deg)');
        //             }
        //         },
        //         duration:'slow'
        //     },'linear');

        // 利用css的transform进行旋转，没有动画
        // $(".daily img").css('transform','rotate(180deg)');
        $(".daily_inside").slideToggle(1200);
    });

    // 刷新动画
    $(".random img").hover(
        function () {
            $(this).css('animation','clockwise 2s');},
        function () {
            $(this).css('animation','anticlockwise 2s');
        }
    );
    
    // 二维码动画
    $(".code").hover(
        function () {
            $(".hannah_code").animate({height:'1.5rem', width:'1.5rem'},500);},
        function () {
            $(".hannah_code").animate({height:'1rem', width:'1rem'},300);
        });
    
    // $("#daily_all").click(function () {
    //     History.pushState('','','daily_all');
    // })
});